import React, {Component} from 'react'
import ContentLeft from '../../common/ContentLeft'
import ContentRigth from '../../common/ContentRigth'
import Page from '../../common/Page'
import './Business.css'
import {bizs} from "../../../dic"

export default class Business extends Component {
    constructor(props) {
        super(props)

        this.state = {
            bizs
        }
    }
    toDetailHandle(item){
        this.$router.push({
            pathname : '/businessDetail',
            search:"id="+item.id
        });
    }

    render() {
        return (
            <div className="ct-at-m">
                <ContentLeft></ContentLeft>
                <ContentRigth>
                    <ul className="ct-bu-ul">
                        {
                            bizs.map((x, i) => {
                                return (
                                    <li onClick={()=>{this.toDetailHandle(x)}} key={i}>
                                        <div><img src="/images/biz_main-img.jpg" alt=""/></div>
                                        <div className="ct-bu-txt">
                                            <p>{x.name}</p>
                                            <p>查看更多</p>
                                        </div>
                                    </li>
                                )
                            })

                        }


                        {/*<li>*/}
                        {/*    <div><img src="/images/biz_main-img.jpg" alt=""/></div>*/}
                        {/*    <div className="ct-bu-txt">*/}
                        {/*        <p>个股期权案例</p>*/}
                        {/*        <p>查看更多</p>*/}
                        {/*    </div>*/}
                        {/*</li>*/}
                        {/*<li>*/}
                        {/*    <div><img src="/images/biz_main-img.jpg" alt=""/></div>*/}
                        {/*    <div className="ct-bu-txt">*/}
                        {/*        <p>股票配资案例</p>*/}
                        {/*        <p>查看更多</p>*/}
                        {/*    </div>*/}
                        {/*</li>*/}
                        {/*<li>*/}
                        {/*    <div><img src="/images/biz_main-img.jpg" alt=""/></div>*/}
                        {/*    <div className="ct-bu-txt">*/}
                        {/*        <p>金融投资案例</p>*/}
                        {/*        <p>查看更多</p>*/}
                        {/*    </div>*/}
                        {/*</li>*/}
                        {/*<li>*/}
                        {/*    <div><img src="/images/biz_main-img.jpg" alt=""/></div>*/}
                        {/*    <div className="ct-bu-txt">*/}
                        {/*        <p>期货投资案例</p>*/}
                        {/*        <p>查看更多</p>*/}
                        {/*    </div>*/}
                        {/*</li>*/}
                        {/*<li>*/}
                        {/*    <div><img src="/images/biz_main-img.jpg" alt=""/></div>*/}
                        {/*    <div className="ct-bu-txt">*/}
                        {/*        <p>数字币案例</p>*/}
                        {/*        <p>查看更多</p>*/}
                        {/*    </div>*/}
                        {/*</li>*/}
                        {/*<li>*/}
                        {/*    <div><img src="/images/biz_main-img.jpg" alt=""/></div>*/}
                        {/*    <div className="ct-bu-txt">*/}
                        {/*        <p>外汇投资案例</p>*/}
                        {/*        <p>查看更多</p>*/}
                        {/*    </div>*/}
                        {/*</li>*/}
                    </ul>
                    <div className="com-page"><Page></Page></div>
                </ContentRigth>
            </div>
        )
    }
}